import { connect } from 'react-redux'
import Count from '../components/Count'
import { addAc, subAc } from '../redux/actions'

// function mapState(state) {
//   return {
//     count: state.count,
//   }
// }

// 为了将展示组件中调用dispatch的代码封装起来
// 使用了mapDispatchToProps,Count组件就不会通过props接收到dispatch函数, 取而代之的是return 的对象里面的函数
// function mapDispatchToProps(dispatch) {
//   return {
//     // 这个add会通过props传递给Count组件
//     add: function (num) {
//       dispatch(addAc(num))
//     },
//     sub: function (num) {
//       dispatch(subAc(num))
//     },
//   }
// }
// export default connect(mapState, mapDispatchToProps)(Count)
export default connect((state)=>({count: state.count}), { addAc, subAc })(Count)
// 如果connect第一次调用,第二个参数传入对象,则connect会自动帮我们创建mapDispatchToProps
// function mapDispatchToProps(dispatch) {
//   return {
//     // 这个add会通过props传递给Count组件
//     a: function (num) {
//       dispatch(addAc(num))
//     },
//     s: function (num) {
//       dispatch(subAc(num))
//     },
//   }
// }
